﻿<navigation:Page xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
           xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
           xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
           xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
           xmlns:navigation="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Navigation"
           xmlns:dxlc="http://schemas.devexpress.com/winfx/2008/xaml/layoutcontrol"
           xmlns:dx="clr-namespace:DevExpress.Xpf.Core;assembly=DevExpress.Xpf.Core.v12.1"
           x:Class="SilentWebsite.Views.StartPage"
           mc:Ignorable="d" d:DesignWidth="1032.537" d:DesignHeight="591.94"
           Title="StartPage Page">
    <Grid x:Name="LayoutRoot" Background="Transparent">

        <dxlc:TileLayoutControl Background="Transparent">
            <dxlc:TileLayoutControl.GroupHeaderStyle>
                <Style TargetType="dxlc:TileGroupHeader">
                    <Setter Property="Foreground" Value="Gray"/>
                </Style>
            </dxlc:TileLayoutControl.GroupHeaderStyle>
            <!-- Start Tab -->
            <dxlc:Tile Name="WhereToStartTile" Content="1" Size="Small"
                       Header="Where To Start" Command="{Binding NavigateToPage}"
                       CommandParameter="{Binding ElementName=WhereToStartTile, Path=Header}"
                       dxlc:TileLayoutControl.GroupHeader="Start">
                <dxlc:Tile.ContentSource>
                    <dx:FrameworkElements>
                        <Image Source="/SilentWebsite;component/Resources/Start.png" Stretch="Fill" />
                    </dx:FrameworkElements>
                </dxlc:Tile.ContentSource>
            </dxlc:Tile>
            <dxlc:Tile Name="PagesTile" Content="2" Size="Small"
                       Header="Pages" Command="{Binding NavigateToPage}"
                       CommandParameter="{Binding ElementName=PagesTile, Path=Header}"
                       dxlc:TileLayoutControl.GroupHeader="Start" />
            <!-- Contacts Tab -->
            <dxlc:Tile Name="TwitterTile" Content="3" Size="Small"
                       Header="Twitter" Command="{Binding NavigateToWebsite}"
                       CommandParameter="{Binding ElementName=TwitterTile, Path=Header}"
                       dxlc:TileLayoutControl.GroupHeader="Contacts"
                       dxlc:FlowLayoutControl.IsFlowBreak="True">
                <dxlc:Tile.ContentSource>
                    <dx:FrameworkElements>
                        <Image Source="/SilentWebsite;component/Resources/Twitter.png" Stretch="Fill" />
                    </dx:FrameworkElements>
                </dxlc:Tile.ContentSource>
            </dxlc:Tile>
            <dxlc:Tile Name="FacebookTile" Content="4" Size="Small"
                       Header="Facebook" Command="{Binding NavigateToWebsite}"
                       CommandParameter="{Binding ElementName=FacebookTile, Path=Header}"
                       dxlc:TileLayoutControl.GroupHeader="Contacts">
                <dxlc:Tile.ContentSource>
                    <dx:FrameworkElements>
                        <Image Source="/SilentWebsite;component/Resources/Facebook.png" Stretch="Fill" />
                    </dx:FrameworkElements>
                </dxlc:Tile.ContentSource>
            </dxlc:Tile>
            <dxlc:Tile Name="YouTubeTile" Content="5" Size="Small"
                       Header="YouTube" Command="{Binding NavigateToWebsite}"
                       CommandParameter="{Binding ElementName=YouTubeTile, Path=Header}"
                       dxlc:TileLayoutControl.GroupHeader="Contacts">
                <dxlc:Tile.ContentSource>
                    <dx:FrameworkElements>
                        <Image Source="/SilentWebsite;component/Resources/YouTube.png" Stretch="Fill" />
                    </dx:FrameworkElements>
                </dxlc:Tile.ContentSource>
            </dxlc:Tile>
            <!-- About Tab -->
            <dxlc:Tile Name="AboutTile" Content="3" Size="Small"
                       Header="About" Command="{Binding ShowAboutWindow}"
                       CommandParameter="{Binding ElementName=AboutTile, Path=Header}"
                       dxlc:TileLayoutControl.GroupHeader="About"
                       dxlc:FlowLayoutControl.IsFlowBreak="True" />
        </dxlc:TileLayoutControl>

    </Grid>
</navigation:Page>